<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/static/admin/hui/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/static/admin/hui/lib/respond.min.js"></script>
    <![endif]-->
    <link  rel="stylesheet" type="text/css" href="/static/admin/hui/static/h-ui/css/H-ui.min.css" />
    <link  rel="stylesheet" type="text/css" href="/static/admin/hui/static/h-ui.admin/css/H-ui.login.css"/>
    <link  rel="stylesheet" type="text/css" href="/static/admin/hui/static/h-ui.admin/css/style.css"/>
    <link  rel="stylesheet" type="text/css" href="/static/admin/hui/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="/static/admin/hui/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>后台登录 - 波利招聘</title>
    <meta name="keywords" content="波利招聘 通用后台">
    <meta name="description" content="波利招聘 通用后台">
</head>
<body>
<input type="hidden" id="TenantId" name="TenantId" value="" />
<div class="header"></div>
<div class="loginWraper">
    <div id="loginform" class="loginBox">
        <form class="form form-horizontal" action="index.html" method="post">
            <div class="row cl">
                <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
                <div class="formControls col-xs-8">
                    <input  v-model="model.username" type="text" placeholder="账户" class="input-text size-L">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                <div class="formControls col-xs-8">
                    <input  v-model="model.password" type="password" placeholder="密码" class="input-text size-L">
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <input v-model="model.verify" class="input-text size-L" type="text" placeholder="验证码" style="width:150px;">
                    <img class="verifyNew" src="{:captcha_src('login')}" onclick="verifyNew()"> <a onclick="verifyNew()" href="javascript:;">看不清，换一张</a> </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <label for="online">
                        <input type="checkbox"  id="online" v-model="model.remember">
                        使我保持登录状态</label>
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <button  type="button" v-on:click="doSubmit()" class="btn btn-success radius size-L">&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;</button>
                    <button  type="button" class="btn btn-default radius size-L">&nbsp;取&nbsp;&nbsp;&nbsp;&nbsp;消&nbsp;</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="footer">Copyright 波利招聘</div>
<script type="text/javascript" src="/static/admin/hui/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/admin/hui/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/admin/hui/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/admin/js/vue.js"></script>
{load href="/static/admin/js/util.js" /}
{load href="/static/admin/js/common.js" /}
<script type="text/javascript">
    util.get("{:url('index/member')}",function (data) {
        var model = (data==false)?{remember:false}:data;
        var vm = new Vue({
            el: "#loginform",
            data: {
                model:model
            },
            methods: {
                doSubmit: function() {
                    $.ajax({
                        type:'post',
                        data:this.model,
                        url:"{:url('index/login')}",
                        cache: false,
                        dataType:'json',
                        success:function(data){
                            if(data.status==true){
                                layer.msg(data.message,function () {
                                    parent.location.href="{:url('Index/index')}";
                                })
                            }else {
                                layer.msg(data.message);
                                verifyNew();
                            }
                        }
                    });
                }
            }
        })
    });

    //刷新验证码
    function verifyNew() {
        var src = $('.verifyNew').attr('src');
        if(src.indexOf("?")!=-1) {
            $('.verifyNew').attr('src',src+'&random='+Math.random());
        } else{
            $('.verifyNew').attr('src',src+'?'+Math.random());
        }
    }

</script>

</body>
</html>